@CHARSET "UTF-8";
#sidebarContainer{
	position: absolute;
	top: 60px;
	width: 240px;
}

#sidebarContainer #datePanel{
	background-color: #F6BB42;
	color: black;
	font-size: 12px;
	padding: 5px;
	height: 16px;;
}
#sidebarContainer #timePanel{
	background-color: #5D9CEC;
	color: white;
	text-align: center;
	font-weight: bold;
	padding: 5px;
	font-size: 36px;
	height: 56px;
	line-height : 56px;
	margin-bottom: 5px;
}
#sidebarContainer #calendarPanel{
	width: 240px;
	height: 222.5px;
	margin-bottom: 5px;
	background-color: #4FC1E9;
}
#sidebarContainer #buttonPanel{
	height: 72px;
	width: 240px;
	overflow: hidden;
}

#sidebarContainer #explorerButton, #sidebarContainer #noteButton{
	background-color: #4A89DC;
	background-image: url("../img/computer.png");
	background-position: top center;
	background-repeat: no-repeat;
	overflow : hidden;
	color:white;
	height: 72px;
	overflow : hidden;
	text-align : center;
	width: 117px;
	cursor: pointer;
	padding-top: 55px;
	font-size: 12px;
	float: left;
}

#sidebarContainer #noteButton{
	background-image: url("../img/note.png");
	margin-left: 5px;
}

#sidebarContainer #explorerButton:HOVER , #sidebarContainer #noteButton:HOVER{
	background-color: #A0D468;
	color: #434A54;
}
